<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/address.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<script src="../ele/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div class="loading" v-show="!loading">
			<div class="load"></div>
			<div class="load2"></div>
		</div>
      
		<div class="header" onclick="history.go(-1)">
			<i class="icon Hui-iconfont">&#xe67d;</i>
			<span>选择地址</span>
			<!--标题-->
		</div>
		<!--地址列表-->
		<div class="addresslist">
			<ul>
				<li class="address" v-if="addresslist==0">
					暂无地址
				</li>
				<li class="address" v-for="item in addresslist" @click="seladd($index)">
					<p><b v-html="item.name">于涵</b>
						<span v-if="sex">先生</span>
						<span v-else>女士</span>
						<span v-html="item.phone">13821980965</span></p>
					<p v-html="item.address">天津理工大学宾水西道391号9号宿舍楼115室</p>

				</li>
			</ul>
		</div>
		<div id="address" v-if="add">
			<div class="header" @click="add=false">
				<i class="icon Hui-iconfont">&#xe67d;</i>
				<span>添加地址</span>
				<!--标题-->
			</div>
			<div class="addmain">
				<div class="username">
					<div>
						联系人
					</div>
					<div>
						<input type="text" placeholder="你的姓名" v-model="name"/>
						<div>
							<span @click="man">
						<i class="focus Hui-iconfont" v-bind:class="{'secol':sex}">&#xe6a8;</i>先生
					</span>
							<span @click="woman">
						<i class="focus Hui-iconfont" v-bind:class="{'secol':!sex}">&#xe6a8;</i>女士
					</span>
						</div>
					</div>
				</div>
				<div class="userphone">
					<div>
						联系电话
					</div>
					<input type="text" placeholder="你的手机号" v-model="phone"/>
				</div>
				<div class="newaddress">
					<div>
						送餐地址
					</div>
					<input type="text" placeholder="详细地址" v-model="address"/>
				</div>
			</div>
			<div class="add">
			      <button @click="addr">确定</button>
			</div>
		</div>
		<div class="add_address" @click="add=true">
			<i class="focus Hui-iconfont">&#xe604;</i> 添加新地址
		</div>

	</body>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/address.js" type="text/javascript" charset="utf-8"></script>

</html>